<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>测试视频下载助手</title>
    <link rel="stylesheet" href="popup.css">
</head>
<body>
    <div class="container">
        <div class="header">
            <img src="../icons/icon32.png" alt="Logo" class="logo">
            <h1>测试视频下载助手</h1>
        </div>
        
        <div class="status-section">
            <div class="status-item">
                <span class="label">登录状态:</span>
                <span id="loginStatus" class="status">检测中...</span>
            </div>
            <div class="status-item">
                <span class="label">服务状态:</span>
                <span id="serviceStatus" class="status">检测中...</span>
            </div>
        </div>
        
        <div class="video-info" id="videoInfo" style="display: none;">
            <h3>当前视频信息</h3>
            <div class="info-item">
                <span class="label">标题:</span>
                <span id="videoTitle">-</span>
            </div>
            <div class="info-item">
                <span class="label">课程:</span>
                <span id="courseName">-</span>
            </div>
            <div class="info-item">
                <span class="label">章节:</span>
                <span id="sectionName">-</span>
            </div>
        </div>
        
        <div class="actions">
            <button id="downloadBtn" class="btn btn-primary" disabled>
                <span class="btn-icon">⬇</span>
                下载当前视频
            </button>
            <button id="batchDownloadBtn" class="btn btn-secondary" disabled>
                <span class="btn-icon">📦</span>
                批量下载
            </button>
            <button id="openManagerBtn" class="btn btn-secondary">
                <span class="btn-icon">⚙</span>
                打开管理界面
            </button>
        </div>
        
        <div class="settings">
            <div class="setting-item">
                <label for="serverUrl">服务器地址:</label>
                <input type="text" id="serverUrl" placeholder="http://localhost:8080">
            </div>
            <button id="saveSettingsBtn" class="btn btn-small">保存设置</button>
        </div>
        
        <div class="footer">
            <div class="version">v1.0.0</div>
            <div class="links">
                <a href="#" id="helpLink">帮助</a>
                <a href="#" id="aboutLink">关于</a>
            </div>
        </div>
    </div>
    
    <script src="popup.js"></script>
</body>
</html>